// create by moumo on 2015年12月5日14:07:55

// commen
var looptime = 5.5; //动画
var loop = 6900;
var timeku = new Array();

var w = $(window).width()
var h = $(window).height()
var _imgpr;

// 启动
window.onload = function(){
	// body...
	_imgpr = imgPr();
	audioCtrl();
	$('.start img').attr('src','img/start.png')
	$('.start img').bind('touchstart',function(){
		$('.start').remove();
		clickstart();
		openMusic();
	});

	// addEven(_imgpr);
	// control();
	// addCloud();
	// reRun();
	// $('.start').remove();
	// pauseMusic();
}

function clickstart(){
	addEven(_imgpr);
	control(); //控制器
	addCloud();
	reRun();
}


// 获取图片
function imgPr(){
	var imgpr = new Array();
	$('.loadimg img').each(function(i){
		var src = $(this).attr('src');
		imgpr[i] = src;
	});
	return imgpr;
}
// 图片处理
function imageload(id){
	var ev = parseInt(Math.random()*10)/30;
	$('#'+id+' img').width(w*(1-ev));
	$('#'+id).css('top',h/2-w*(1-ev)/2-35/2+'px');
}

// 循环添加even settimeout
function addEven(imgpr){
	$.each(imgpr,function(i,el){
		var id = 'photo'+i;
		timeku[i] = setTimeout(function(){
			removeEven(el,id);
			if(i == imgpr.length-1){
				showclw(id);
			}
		},loop*i);
	});
	
}
function removeEven(el,id){
	var ls = parseInt(Math.random()*2);
	var anout = 'anout1';
	(ls==0)?anout = 'anout1':anout = 'anout2';

	$('.content').append('<div class="cia '+anout+'" id="'+id+'"><img class="pe imgan" src="'+el+'"></div>');
	imageload(id);
	var cia = document.getElementById(id);  // cia.style.animationPlayState = 'running';
	cia.addEventListener('webkitAnimationEnd',function(){
		$('#'+id).remove();
	});
}

// // animation 
// function addEven(imgpr){
// 	// var cia = document.getElementsByClassName('cia')[0];
// 	// console.log(imgpr);
// 	$.each(imgpr,function(i,el){
// 		// console.log(i,el);
// 		var id = 'photo'+i;
// 		lop = looptime*i;
// 		removeEvenDelay(el,id,lop);
// 	});
// }
// // 添加延时处理
// function removeEvenDelay(el,id,delay){
// 	$('.content').append('<div class="cia anout1" id="'+id+'"><img class="pe" src="'+el+'"></div>');
// 	imageload(id);
// 	$('#'+id).css({'-webkit-animation-delay':delay+'s','animation-delay':delay+'s'});
// 	var cia = document.getElementById(id);
// 	// cia.style.animationPlayState = 'running';
// 	cia.addEventListener('webkitAnimationEnd',function(){
// 		$('#'+id).remove();
// 	});
// }
// // 暂停动画
// function control(){
// 	$('body').bind('touchstart',function(){
// 		$('.cia').each(function(i){
// 			var _this = $(this);
// 			if(_this.css('animationPlayState') == 'running' || _this.css('webkitAnimationPlayState') == 'running'){
// 				_this.css('webkitAnimationPlayState','paused');
// 				_this.css('animationPlayState','paused');
// 			}else{
// 				_this.css('webkitAnimationPlayState','running');
// 				_this.css('animationPlayState','running');
// 			}
// 		});
// 	});
// }

// 控制器
function control(){
	$('.close').bind('touchstart',function(){
		$.each(timeku,function(i){
			clearTimeout(timeku[i])
		});
		$('.cia').css('animationPlayState','paused')
		$('.cia').css('webkitAnimationPlayState','paused')
		$('.clmon-cl').show();
		pauseMusic();
	});
}

// 添加背景云
function addCloud(){
	var ss = parseInt(Math.random()*(h/2-51)+50);
	var delay = Math.round(Math.random()*12*100)/100;
	var ls = parseInt(Math.random()*2);
	var cloud = 'cloudan';
	var pos = 'top';

	(ls==0)?cloud = 'cloudan':cloud = 'cloudan-l';
	(ls==0)?pos = 'top':pos = 'top:auto;bottom';

	$('.clouder').append('<img id="clo" class="cloud '+ cloud +'" style="'+pos+':'+ss+'px" src="img/cloub-w.png">');
	$('#clo').css('-webkit-animation-delay',delay+'s');

	var cia = document.getElementById('clo');
	cia.addEventListener('webkitAnimationEnd',function(){
		$('#clo').remove();
		addCloud();
	});	
}

// 获取最后的照片——并弹窗
function showclw(id){
	var cia = document.getElementById(id);
	cia.addEventListener('webkitAnimationEnd',function(){
		$('.clmon-cl').show();
		pauseMusic();
	});
}

// 重新播放
function reRun(){
	$('#rerun').bind('touchstart',function(){
		$('.content').html('');
		$('.clmon-cl').hide();
		var _imgpr = imgPr();
		addEven(_imgpr);
		openMusic();
	});
} 

// 音频控制器
function openMusic(){
	$("#audio").trigger('play');
	$(".mclr").addClass('rotate');
}
function pauseMusic(){
	$("#audio").trigger('pause');
	$(".mclr").removeClass('rotate')
}
function audioCtrl(){
	$('.mclr').bind('touchstart',function(){
		Media = document.getElementById("audio");
		if(Media.paused){
			openMusic();
		}else{
			pauseMusic();
		}
	});
}